<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超级会员</title>
		<link href="../CSS/svip.css" rel="stylesheet" />
		<script src="../JS/jquery-3.5.0.min.js"></script>
	</head>
	<body>
		<div class="svip">
			<div class="svip-style">
				<div class="svip-head">
					<div class="bottom-circle">
						<div class="svip-head-top">
							<img src="../IMG/VIP/用户.jpg" />
							<span class="svip-head-title">吃牛奶不喝面包</span>
							<span class="svip-head-time">2020-09-30到期
								<span class="svip-head-time-s">|</span>管理自动续费
							</span>
							<div class="svip-head-renew"><span>立即续费</span></div>
							<div class="svip-head-top-rectangle">
								<p class="rectangle-top">
									<span>可领红包(个)</span>
									<span>可用奖励金(个)</span>
								</p>
								<p class="rectangle-center">
									<span>0</span>
									<span>5.5</span>
								</p>
								<p class="rectangle-center1">
									<span>|</span>
								</p>
								<p class="rectangle-center2">
									<span>每月领4个红包</span>
									<span>可兑无门槛红包</span>
								</p>
								<div class="rectangle-center3">
									<span>下月可领</span>
									<!-- <span>兑换红包</span> -->
								</div>
								<div class="rectangle-center4">
									<!-- <span>下月可领</span> -->
									<span>兑换红包</span>
								</div>
							</div>
							<div class="svip-head-bottom">
								<img src="../IMG/音量.png" />
								<p><span>本月红包已领取：</span>10-1后可继续获得4个免费红包</p>
							</div>
						</div>
					</div>
				</div>
				<div class="svip-center">
				</div>
			</div>
			<div class="little-price">
				<div class="little-price-more">
			    <span class="little-price-more-span1">低价购买更多红包</span>
				<span class="little-price-more-span2">更多</span>
				</div>
				<div class="little-price-card">
					<img src="../IMG/vip/5c10.png"/>
					<p class="card-title">专享红包</p>
					<p class="card-sell">5折疯抢</p>
					<p class="card-money">￥25 <span class="card-50">￥50</span></p>
					<button class="little-price-btn1">立即抢</button>
				</div>
				<div class="little-price-shucai">
					<img src="../IMG/vip/5c2.png"/>	
					<p class="shucai-title">果蔬商超红包</p>
					<p class="shucai-only">限果蔬商超使用</p>
					<p class="shucai-money">￥3 <span class="shucai-price">￥10</span></p>
					<button class="little-price-btn2">立即抢</button>
				</div>
			</div>
			
			<!-- 会员联合促销 -->
			<div class="vip-lianhe">
				<p class="vip-lianhe-title">会员联合促销</p>
				<div class="vip-leftcard">
					<div class="leftcard-top">
					<div class="leftcard-top-5sell">月卡5折</div>
					<img src="../IMG/vip/elmYk.png" />
					</div>
					<div class="leftcard-bottom">
				    <p class="leftcard-bottom-price">￥18/月 <span>￥35.0</span></p>
					<button class="leftcard-bottom-btn">立即抢</button>
					</div>
				</div>
				<div class="vip-rightcard">
					<div class="rightcard-top">
					<div class="rightcard-top-4sell">月卡4折</div>
					<img src="../IMG/vip/elmHL.png" />
					</div>
					<div class="rightcard-bottom">
				    <p class="rightcard-bottom-price">￥19/月 <span>￥45.0</span></p>
					<button class="rightcard-bottom-btn">立即抢</button>
					</div>
				</div>
			</div>
			
			<!-- 专享折扣商品 -->
			<div class="sell-count">
				<div class="sell-count-more">
			    <span class="sell-count-more-span1">专享折扣商品</span>
				<span class="sell-count-more-span2">更多</span>
				</div>
				<div class="sell-count-card">
					<p class="sell-lujiao">鹿角港 THE ALLEY</p>
					<img src="../IMG/vip/lujiaogang.jpeg"/>
					<p class="sell-title">小芳组合慕斯</p>
					<p class="sell-month">月售37 好评率100%</p>
					<p class="sell-svip">会员专享6.6折</p>
					<p class="sell-money">￥19.9 <span class="card-50">￥30</span></p>
					<button class="sell-count-btn1">立即抢</button>
				</div>
				<div class="sell-count-cake">
					<p class="sell-cake">幸福西饼生日蛋糕（江南摩尔店）</p>
					<img src="../IMG/vip/xingfu.jpeg"/>
					<p class="cake-title">【3种口味】肉松小贝 4个/盒</p>
					<p class="cake-month">月售4 好评率0</p>
					<p class="cake-svip">会员专享4.1折</p>
					<p class="cake-money">￥19.9 <span class="card-50">￥49</span></p>
					<button class="cake-count-btn1">立即抢</button>
				</div>
			</div>
			
			<!-- 底部 -->
			<div class="vip-bottom">
				<div class="vip-bottom-title">
					<span class="vip-bottom-title-span1">会员特权</span>
					<span class="vip-bottom-title-span2">详情</span>
				</div>
				<div class="vip-bottom-title-img">
					<img src="../IMG/vip/vipBottom.svg" />
				</div>
			</div>
		</div>
	</body>
	<script src="../JS/resize.js"></script>
	<script src="../JS/svip.js"></script>
</html>
